<script setup>
// script setup语法糖：去掉了export default 去掉了setup函数，去掉return
// setup在beforeCreate前执行，不可以使用this(this是undefined)
// setup 入口函数 组合api代码都在内部,html要使用什么，它就要return什么

// 所有逻辑都写这里
let num = 10
const xxx = 999
console.log('setup', this)
// const add = () => {
//   num++
//   console.log(num)
// }
function add () {
  console.log(num)
}

// return { 所有的全部变量与函数 }
</script>

<template>
  <div class="app-page">app</div>
  <div>{{ num }}</div>
  <button @click="add">num++</button>
  <div>{{ xxx }}</div>
</template>

<style scoped></style>
